<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <!--引入必须的资源文件-->
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
</head>
<body>
    <table style="width: 900px" class="table table-striped table-bordered table-hover table-condensed">
        <thead>
            <tr class="active">
                <td>用户名</td>
                <td>密码</td>
                <td>性别</td>
            </tr>
        </thead>
        <tbody>
            <tr class="success">
                <td>钱多多</td>
                <td>123456</td>
                <td>男</td>
            </tr>
            <tr class="warning">
                <td>钱太多</td>
                <td>654321</td>
                <td>男</td>
            </tr>
            <tr class="info">
                <td>钱妹妹</td>
                <td>852369</td>
                <td>女</td>
            </tr>
            <tr class="danger">
                <td>没有钱</td>
                <td>852147</td>
                <td>男</td>
            </tr>
        </tbody>
    </table>
</body>
</html>